<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css/harmonise.css" type="text/css" />
<link rel="stylesheet" href="../css/base-groups.css" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="../css/ie.css" />
<![endif]-->
<title>Easy Drop Shadows Alt Example | Chapter 4 | CSS Mastery </title>
</head>
<style type="text/css">
<!--

/* easy drop shadow */

.img-wrapper {
  background: url(img/shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;

}
 
.img-wrapper img {
	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
}
-->
</style>
</head>

<body>

<h1>Easy Drop Shadow Alternate Example</h1>

<div class="img-wrapper"><img src="img/dunstan.jpg" width="300" height="300" alt="Dunstan Orchard" /></div>

</body>
</html>
